﻿<style>
    .arrow{
        margin-top: 5px;
        margin-bottom:5px;
    }
</style>


<h3>Apply Process</h3>
<div align="center">
    <div >
        <div style="height:60px; width:60px;padding: 10px; background-color: #ffd800">
            <img style="height:100%; width:100%" src="~/Content/account.png" />
        </div>     
        <span>Create an Account</span>
    </div>
    <div class="arrow">
        <span class="glyphicon glyphicon-chevron-down"></span>
    </div>
    <div>
        <div style="height:60px; width:60px;padding: 10px; background-color: #ffd800">
            <img style="height:100%; width:100%" src="~/Content/person.jpg" />
        </div>  
        <span>Update your Information</span>
    </div>
    <div class="arrow">
        <span class="glyphicon glyphicon-chevron-down"></span>
    </div>
    <div>
        <div style="height:70px; width:60px;padding: 10px; background-color: #ffd800">
            <img style="height:100%; width:100%" src="~/Content/resume.png" />
        </div>
        <span>Upload your Resume</span>
    </div>
    <div class="arrow">
        <span class="glyphicon glyphicon-chevron-down"></span>
    </div>
    <div>
        <div style="height:60px; width:60px;padding: 10px; background-color: #ffd800">
            <img style="height:100%; width:100%" src="~/Content/apply.png" />
        </div>   
        <span>Find and Apply job</span>
    </div>
    <div class="arrow">
        <span class="glyphicon glyphicon-chevron-down"></span>
    </div>
    <div>
        <span class="glyphicon glyphicon-thumbs-up"></span> Wait employer contact
    </div>

</div>

